<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>账号注册</title>
    <style>
        body{
            /*background-color: #4e555b;*/
        }
        div{
            margin-left: 20px;
        }
        span{
            text-align: left;
        margin-left: 10px;
        }
        textarea{
            margin-left: 5px;
        }
#bg{
    margin-top: 20px;
    margin-left: 480px;
    align: center;
    border: 1px solid ghostwhite;
    background-color: rgba(0,0,0,0.2);
    width: 660px;
}
        .dh{
            border-bottom: solid 1px white;
            font-size: 40px;
            font-family: 华文楷体;
            color: #7abaff;
            margin-left: 0px;
        }

    </style>
</head>
<body>
<div id="bg">
    <form name="myform" id="myform" action="index.html"  method="get">
        <div class="dh">&nbsp;&nbsp;欢迎注册</div>
        <div><span>用户姓名：</span><input type="text" property="请输入你的相关信息" placeholder="例如：张三" required ></div>
        <div><span>输入密码：</span><input type="password" property="请输入你的相关信息" placeholder="例如：12345" required></div>
        <div><span>确认密码：</span><input type="password" property="请输入你的相关信息" placeholder="例如：12345" required></div>
        <div><span>选择您的性别：</span><input type="radio" name="rad1">男<input type="radio" name="rad1">女</div>
        <div><span>请输入您的电子邮箱</span><input type="email" placeholder="请输入邮箱" required></div>
        <div><span>您的爱好是：</span><input type="checkbox" name="haihao1">保密
            <input type="checkbox" name="haihao1">哈哈
            <input type="checkbox" name="haihao1">哈哈哈
            <input type="checkbox" name="haihao1">哈哈哈
        </div>
        <div><span>您的年龄是</span>
            <select>
                <option>11</option>
                <option>22</option>
                <option>32</option>
                <option>4</option>
                <option>5</option>
                <option>6</option>
                <option>7</option>
                <option>8</option>
                <option>9</option>
                <option>10</option>
                <option>11</option>
                <option>12</option>
                <option>13</option>
            </select><span>岁</span>
        </div>
        <div>
            <span style="margin-top: 5px">您的个人介绍：</span><br>
            <textarea name="introduce" cols="50" rows="7" value="随便写点嘛吧"></textarea>
        </div>
        <div style="margin-left: 100px">
                <input type="reset" value="重置">
                <input type="submit" value="提交">
        </div>
    </form>
</div>
</body>
</html>